<template>
  <div>
    <h1>App</h1>
    <p>a:{{ a }}----b:{{ b }}</p>
    <button @click="addA">addA</button>
  </div>
</template>

<script lang="ts">
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'App',
    });
</script>

<!-- 
  setup语法糖
    - 可以在组件中再次书写一个script标签,拥有setup属性
    - 这个script标签内部的环境其实就是setup配置内部的环境
    - 可以省略return,它会把当前script中所有的声明全部返回出去供模板使用
 -->
<script setup lang="ts">
      let a = 1;
    const addA = () => {
      a++;
      console.log(a);
    };

    const b = 2;
</script>

<style lang="less" scoped>
  
</style>
